// 大屏性能优化工单
import React from "react";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
import "./Home.css";
import LeftTop from "./LeftTop";
import LeftBottom from "./LeftBottom";
import Image from "./Image";
function Obtain() {
  return (
    <div className="Home">
      <header>
        <img src="../public/images/Top.png" alt="" />
      </header>
      <main>
        <div className="m-Left">
          <div className="m-l-top">
            <div className="l-t-Top">近三年来毕业人员去向</div>
            <div className="l-t-Bottom">
              <LeftTop></LeftTop>
            </div>
          </div>
          <div className="m-l-bottom">
            <div className="l-b-Top">毕业生工作状态</div>
            <div className="l-b-Bottom">
              <LeftBottom></LeftBottom>
            </div>
          </div>
        </div>
        <div className="m-Canter">
          <div className="Top1">
            <table>
              <thead>
                <td>姓名</td>
                <td>就职企业</td>
                <td>岗位</td>
                <td>薪资</td>
              </thead>
              <tbody>
                <tr>
                  <td>葛潇</td>
                  <td>阿里巴巴</td>
                  <td>前端工程师</td>
                  <td>19K</td>
                </tr>
                <tr>
                  <td>宋丹丹</td>
                  <td>腾讯</td>
                  <td>前端工程师</td>
                  <td>18K</td>
                </tr>
                <tr>
                  <td>芦俊杰</td>
                  <td>字节跳动</td>
                  <td>前端工程师</td>
                  <td>21K</td>
                </tr>
                <tr>
                  <td>常仕隆</td>
                  <td>京东</td>
                  <td>前端工程师</td>
                  <td>22K</td>
                </tr>
                <tr>
                  <td>鲁天成</td>
                  <td>小红书</td>
                  <td>前端工程师</td>
                  <td>22K</td>
                </tr>
              </tbody>
            </table>
          </div>
          <footer>
            <dl>
              <dt>
                <img
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1df7f0ff25e5271b42b58cbdbc2ff8be66fdbd6d68dfdd40f4978b308e261b05"
                  alt=""
                />
              </dt>
              <dd>
                <Link className="dd1" to={"/"}>
                  智能检测
                </Link>
              </dd>
            </dl>
            <dl>
              <dt>
                <img
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcace92494d9606fb1c5c533ecde68543bc3be97a4aaa308018110d07948cd205"
                  alt=""
                />
              </dt>
              <dd>
                <Link className="dd1" to={"/Obtain"}>
                  就业态势
                </Link>
              </dd>
            </dl>
            <dl>
              <dt>
                <img
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8114ee381228a95d458fa185b435fb87df428e434979145cf8e9b82087b6c0a8"
                  alt=""
                />
              </dt>
              <dd>
                <Link className="dd1" to={"/Security"}>
                  安防管理
                </Link>
              </dd>
            </dl>
            <dl>
              <dt>
                <img
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9b28ec4ea1957dcd2e78b4ac6cb6c08234bef6c2198a86921418d393d00a88ce"
                  alt=""
                />
              </dt>
              <dd>
                <Link className="dd1" to={"/Device"}>
                  设备运维
                </Link>
              </dd>
            </dl>
          </footer>
        </div>
        <div className="m-Right">
          <div className="m-r-top">
            <div className="r-t-Top">
              <p>毕业生流向城市</p>
            </div>
            <div className="r-t-Bottom">
              <div className="div1">
                <div>设计</div>
                <div>开发</div>
                <div>元宇宙</div>
              </div>
            </div>
          </div>
          <div className="m-r-bottom">
            <div className="r-b-Top">
              <p>毕业生薪资分布</p>
            </div>
            <div className="r-b-Bottom">
              <div className="bottom2">
                <Image src="/public/pageBg.png"></Image>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>
  );
}
export default Obtain;
